/**
 * Created by yzdd on 2018/6/1.
 */
import React, {Component} from 'react';
import {
  View,
  Text,
  StyleSheet,
  Image,
  TextInput,
  TouchableOpacity
} from 'react-native';
import {line, publicStyle, width} from "../utils/publiscStyle";

const styles = StyleSheet.create({
  titleView: {
    marginTop: 120,
    flexDirection: 'column',
    width,
    alignItems: "center",
    justifyContent: "center"
  },
  font1: {
    fontSize: 70,
    color: "#000000",
    lineHeight: 80,
    // fontWeight: 'bold',
    fontFamily: "PingFangSC-Semibold",
    textShadowColor: "#000000",
    textShadowOffset: {
      width: 2,
      height: 0
    },
    textShadowRadius: 2
  },
  font2: {
    fontSize: 18,
    color: "#000000",
    fontFamily: "PingFangSC-Medium"
  },
  titleSubView: {
    width,
    alignItems: "center",
    justifyContent: "center",
    marginBottom: 7,
    marginTop: 45
  },
  font3: {
    fontSize: 12,
    color: "#AAAAAA"
  },
  messView: {
    width,
    alignItems: 'center',
    justifyContent: 'center'
  },
  addBtn: {
    width: width - 30,
    marginLeft: 15,
    marginRight: 15,
    marginBottom: 35,
    height: 48,
    alignItems: 'center',
    justifyContent: 'center',
    borderColor: "#666666",
    borderWidth: 1,
    borderRadius: 5
  },
  font4: {
    fontSize: 16,
    color: "#333333"
  }
});
export default class Home extends Component {
  static navigationOptions = {
    header: null
  }

  toAdd = ()=>{
    const {navigate} = this.props.navigation;
    navigate("AddLessee");
  }

  render() {
    return (
      <View style={[publicStyle.container, {backgroundColor: "#FFFFFF"}]}>
        <View style={{flex: 1}}>
          <View style={styles.titleView}>
            <Text style={styles.font1}>为什么要</Text>
            <Text style={styles.font1}>入驻?</Text>
          </View>
          <View style={styles.titleSubView}>
            <Text style={styles.font2}>成为承租人</Text>
          </View>
          <View style={styles.messView}>
            <Text style={styles.font3}>供应商入驻成功之后, 供应方可以拥有自己独立的公司靓</Text>
            <Text style={styles.font3}>号, 在自己的平台上处理业务往来</Text>
          </View>
        </View>
        <TouchableOpacity style={styles.addBtn} onPress={this.toAdd}>
          <Text>立即加入</Text>
        </TouchableOpacity>
      </View>
    );
  }
}